<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>登录界面</title>
	<link rel="shortcut icon" href="img/favicon.ico">
</head>
<link rel="stylesheet" href="./css/style.css" />
<link rel="stylesheet" href="css/nav.css">
<link rel="stylesheet" href="css/login.css">
<link rel="stylesheet" href="css/font-awesome.min.css">

<body>
	<nav >
		<ul>
			<a href="index.html" class="site-name" ><span class="site-name-font">Manba<span style="color: black;">Video</span></span></a>
			<img id="logo" src="img/logo.jpg" alt="">
			<li> <a href="index.html" name="a1">首页</a></li>
			<li> <a href="li.html" name="a1">影视库</a></li>
			<li> <a href="myinf.html">关于站长</a></li>
		</ul>
		<a href="signUp.html" id="signup">SIGNUP</a>
		<a href="logIn.html" id="signin">LOGIN</a>
		<div class="sc">
			<input type="text" class="search" placeholder="Search for video">
			<li class="searchIcon" ></li>
		</div>
	</nav>
	<div id="login">
		<div><h1 id="h1">LOGIN</h1></div>
		<div id="user">
			<span id="span1" ></span>
			<input type="text" class="input" placeholder="用户名或邮箱" autofocus id="id" maxlength="20">
			<li class="cha" id="del1"></li>
		</div>
		<div id="pw">
			<span id="span2">	</span>
			<input type="password" class="input" placeholder="密码" id="password" maxlength="20" >
			<li class="cha" id="del2"></li>
		</div>
		<a href="index.html" id="a1">登录</a>
		<a href="signUp.html" id="a2">注册</a>
		<a href="#" id="a3">忘记密码？</a>
		<a href="#" id="callMe" >和我联系</a>
	</div>
	<script>
	
		var oA1 = document.getElementById('a1');
		var oText = document.getElementById('id');
		var oPw = document.getElementById('password');
		var oDel1 = document.getElementById('del1');
		var oDel2 = document.getElementById('del2');
		var oUser = document.getElementById('user');
		oA1.onclick = function(){
			if (oText.value == '' || oPw.value == '') {
				alert('用户名和密码不能为空');
				
			}
			else if(oPw.value.length<6){
				alert("密码长度不得低于六位");
			}
		};
		oDel1.onclick = function(){
			oText.value = '';
		};
		oDel2.onclick = function(){
			oPw.value = '';
		};
	
	</script>

	<script src="js/canvas-nest.min.js" color="255,255,255"></script> 
</body>
</html>
